<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器</title>
    <script src="../js/angular.min.js"></script>
</head>
<body>

<!--<div ng-app="myApp" ng-controller="myCtrl">
    &lt;!&ndash;过滤为大写形式&ndash;&gt;
    <p>firstName:{{firstName|uppercase}}</p>
    &lt;!&ndash;过滤为小写形式&ndash;&gt;
    <p>lastName:{{lastName|lowercase}}</p>
</div>
<script src="personName.js"></script>-->

<!--<div ng-app="" ng-init="price=5;quantity=5" >
    &lt;!&ndash;过滤为货币形式&ndash;&gt;
 <p >{{price*quantity|currency}}</p>
</div>-->

<div ng-app="myApp" ng-controller="myCtrl">
    <input ng-model="test">
    <ul>
        <li ng-repeat="x in person | filter:test|orderBy:'city'">
            {{(x.name |uppercase)+","+x.city}}
        </li>
    </ul>
</div>
<script>
    var app=angular.module("myApp",[]);
    app.controller("myCtrl", function ($scope) {
        $scope.person=[
            {name:'changjing',city:'jiangsu'},
            {name:'xiaowen',city:'jiangsu'},
            {name:'lanlan',city:'anhui'}];
    });

</script>


</body>
</html>